
// 轮播图
function my_silder(jq_obj,box_h,box_w,img_h,fy_w=14,fy_h=2,fy_radius=0,siblings_color="#fff",cur_color="#ccc" ){
    jq_obj.tyslide({
    boxh: box_h,//盒子的高度
    w: box_w,//盒子的宽度
    h: img_h,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: fy_w,//控制按钮宽度
    controlsH: fy_h,//控制按钮高度
    radius:fy_radius,//控制按钮圆角度数
    controlsColor: siblings_color,//普通控制按钮的颜色
    controlsCurrentColor: cur_color,//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});
}
/* 
参数1:jq对象
参数2:盒子的高度
参数3:盒子的宽度
参数4:图片的高度
参数5:控制按钮的宽度 有默认值
参数6:控制按钮的高度  有默认值
参数7:控制按钮圆角度数  有默认值
参数8:其他按钮颜色     有默认值
参数9:当前按钮颜色     有默认值
*/

//电子书区域
my_silder($(".book_list .pptbox"),218,326,218)
//服装区域
my_silder( $(".clothing .clothing3 .pptbox"),342,429,340)



// tab切换
function my_tab_change(event_obj,box_obj,li_class_name,box_class_name){
    event_obj.mouseenter(function(){
        $(this).addClass(li_class_name).siblings().removeClass(li_class_name);
        //明确当前 li的索引:知道 到底是哪一个 li在触发 事件
        let index=$(this).index()
        //根据当前li的索引 进行筛选
        box_obj.eq(index).addClass(box_class_name).siblings().removeClass(box_class_name)
    
    })
}
// 每次绑定事件的对象  不同
//每次要切换的盒子对象  不同
//li的类名  不同
//盒子的类名  不同

// 电子书teb栏切换
my_tab_change($("#ebook .ebook_left .ebook_tab li"),$("#ebook .book_list"),"active","show")


//固定头部功能
$(window).scroll(function(){
    let sol=$(this).scrollTop()
    if(sol>300){
        $(".topScroll").show()
    }else{
        $(".topScroll").hide()
    }
})

//楼层滚动
let bgcArr=["red","#f60","green","blue","pink"]
$("#floorBox ul li").hover(function(){
    $(this).css("width",80)
    let index=$(this).index()
    $(this).css("backgroundColor",bgcArr[index])
},function(){
    $(this).css("width","")
    $(this).css("backgroundColor","")
})
$("#floorBox ul li").click(function(){
    let index=$(this).index()
    let top=$(".floor").eq(index).offset().top
    $("html,body").stop().animate({"scrollTop":top},1500)
})
